Ext.define('passport.tabs.item.Permission', {
    extend: 'Ext.panel.Panel',
    	alias : 'widget.tiPermission',
			title: 'Permission',
			border: 1,
			bodyBorder: false,
			closable: true,
			layout: 'border',
				
			style: 'background:#FFFFFF',
			
			getPermissionTree: function(){
				this.permissionTree = Ext.create('passport.trees.Permission', {
							region: 'west',
	            collapsible: false,
	            width: 225,
	            floatable: true,
	            split: true,
	            minWidth: 175
					});
				return this.permissionTree;
			},
			
			getPermissionPanel: function() {
				this.tpPermission = Ext.create('passport.tabs.panel.Permission',{   
      		region: 'center'
      	});
				return this.tpPermission;
			},

	    initComponent: function() {
	    	Ext.apply(this, 
	    	{
            padding: 1,
            layout: 'border',
            items: 
            [
            	this.getPermissionTree(), 
            	this.getPermissionPanel()
            ]
        });
				this.callParent(arguments);
			}
})